<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<!-- 标题 -->
	<title>掌柜</title>
	<!-- 关键词 -->
	<meta name="keywords" content="" />
	<!-- 网站简介 -->
    <meta name="description" content="" />
    <!-- 自适应屏幕 -->
	<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
	<!-- IE兼容 -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<!-- 最新 Bootstrap 核心 CSS 文件 -->
	<link rel="stylesheet" href="css/bootstrap.css">
    <!-- 手机滚动 css 文件 -->
    <link href="css/mobiscroll.core-2.5.2.css" rel="stylesheet" type="text/css" />
	<!-- 核心 CSS 文件 -->
	<link rel="stylesheet" href="css/style.css" type="text/css">
    <!-- jQuery文件 -->
    <script src="js/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/mobiscroll.core-2.5.2.js"></script>
    <script src="js/mobiscroll.select-2.5.1.js"></script>
    <!-- 输入框信息检查判断 js-->
    <script src="js/input-rule.js"></script>
</head>
<body>
    <!-- Start add-goods -->
    <div class="add-goods">
        <!-- 固定顶部 -->
        <div class="add-goods-top clearfix">
            <div class="left">
                <a href="employ-manage.html">取消</a>
            </div>
            <div class="add-goodsing">
                编辑员工
            </div>
            <div class="right">
                <form action="about.html" method="post">
                    <input type="submit" value="保存" id="st1">
                </form>  
            </div>
        </div>
        <div id="warning" style="margin-top:45px">
        </div>
        <div class="add-goods-edit add-employ" style="margin-top:0px">
            <div class="goods-numb clearfix">
                <div class="left">员工编号</div>
                <div class="right">
                    <input type="text" id="employ-bianhao" value="10001">
                </div>
            </div>
            <div class="goods-numb clearfix">
                <div class="left">姓名</div>
                <div class="right">
                    <input type="text" id="employ-name" placeholder="可不填">
                </div>
            </div>
            <div class="goods-numb clearfix">
                <div class="left">手机号码</div>
                <div class="right">
                    <input type="text" id="employtel" placeholder="可不填">
                </div>
            </div>
            <div class="table-area clearfix" style="border-bottom: 1px solid #999f60;">
                <div class="left">性别</div>
                <div class="right">
                    <select name="" id="employ-sex" data-role="none">
                        <option value="男">男</option>
                        <option value="女">女</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="sort-tip" style="margin-bottom:40px">
            <p>说明：员工默认密码为4321。员工可以通过PAD版登录修改资料和密码。</p>
        </div> 
        <div class="edit-goods-delete item">
            <input type="submit" class="delete3" value="删除">
        </div> 
    </div>
    <!-- End add-goods -->
          <!-- 全部删除 js-->
    <script src="js/delete.js"></script>
    <script>
        $(document).ready(function(){
            $('.item .delete3').click(function(){
                var elem = $(this).closest('.item');
                $.confirm({
                    'message'   : '确认删除该员工？',
                    'buttons'   : {
                        '确定'   : {
                            'class' : 'blue',
                            'action': function(){
                                
                            }
                        },
                        '取消'    : {
                            'action': function(){}  
                        }
                    }
                });
            });
        });
    </script>
    <script type="text/javascript">
        $(function () {
            $('#employ-sex').scroller('destroy').scroller({ preset: 'select' });
        });
    </script>
    <script>
        $('#employtel').on("keyup blur", function() { //验证员工
            var employtel=document.getElementById("employtel");
            var _this = $(this);
            _this.inputCheck({
                callback : function(result){
                    if(result.nbsp|| result.length > 5.5 ||!result.zhengshu){
                        document.getElementById("warning").innerHTML = "手机号码格式不对";
                        $("#st1").css("color","#999"); 
                        $("#st1").attr({"disabled":true});
                    }
                    else{
                        document.getElementById("warning").innerHTML = "";
                        $("#st1").css("color","#fff"); 
                        $("#st1").attr({"disabled":false});
                    }
                }
            });
        });
    </script>
</body>
</html>